@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?a0ey7e');
    src: url('../fonts/icomoon.eot?a0ey7e#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?a0ey7e') format('truetype'), url('../fonts/icomoon.woff?a0ey7e') format('woff'), url('../fonts/icomoon.svg?a0ey7e#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.main .con {
    width: 980px;
    height: 455px;
    margin-top: 10px;
    margin-left: 220px;
}

.con .rotation {
    position: relative;
    float: left;
    width: 721px;
    height: 455px;
}

.rotation div {
    position: absolute;
}

.btn-l {
    top: 49%;
    left: 0;
    width: 25px;
    height: 30px;
    border-radius: 0 15px 15px 0;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: white;
    background-color: rgba(0, 0, 0, .3);
}

.btn-r {
    top: 49%;
    right: 0;
    width: 25px;
    height: 30px;
    border-radius: 15px 0 0 15px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: white;
    background-color: rgba(0, 0, 0, .3);
}

.con .newsflash {
    float: right;
    width: 250px;
    height: 455px;
}

.news {
    height: 165px;
    border: 1px solid #e4e4e4;
}

.news-hd {
    height: 33px;
    line-height: 33px;
    padding: 0 15px;
    border-bottom: 1px dotted #e4e4e4;
    font-size: 14px;
}

.news-hd h5 {
    float: left;
    font-size: 14px;
}

.news-hd a {
    float: right;
    margin-right: 5px;
}

.news-hd .more::after {
    font-family: 'icomoon';
    content: '\e935';
}

.news-bd ul li {
    padding: 0 15px;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.lifeserver {
    overflow: hidden;
    height: 209px;
    border: 1px solid #e4e4e4;
    border-top: 0;
}

.lifeserver ul {
    width: 252px;
}

.lifeserver ul li {
    float: left;
    width: 63px;
    height: 71px;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    text-align: center;
}

.lifeserver ul li .img {
    display: inline-block;
    width: 33px;
    height: 33px;
    margin-top: 8px;
}

.lifeserver ul li:nth-child(1) .img {
    background: url(../images/icons.png) no-repeat -13px -11px;
}

.lifeserver ul li:nth-child(2) .img {
    background: url(../images/icons.png) no-repeat -78px -11px;
}

.lifeserver ul li:nth-child(3) .img {
    background: url(../images/icons.png) no-repeat -137px -11px;
}

.lifeserver ul li:nth-child(4) .img {
    background: url(../images/icons.png) no-repeat -202px -11px;
}

.lifeserver ul li:nth-child(5) .img {
    background: url(../images/icons.png) no-repeat -13px -83px;
}

.lifeserver ul li:nth-child(6) .img {
    background: url(../images/icons.png) no-repeat -78px -83px;
}

.lifeserver ul li:nth-child(7) .img {
    background: url(../images/icons.png) no-repeat -137px -83px;
}

.lifeserver ul li:nth-child(8) .img {
    background: url(../images/icons.png) no-repeat -202px -83px;
}

.lifeserver ul li:nth-child(9) .img {
    background: url(../images/icons.png) no-repeat -13px -158px;
}

.lifeserver ul li:nth-child(10) .img {
    background: url(../images/icons.png) no-repeat -78px -158px;
}

.lifeserver ul li:nth-child(11) .img {
    background: url(../images/icons.png) no-repeat -137px -153px;
}

.lifeserver ul li:nth-child(12) .img {
    background: url(../images/icons.png) no-repeat -202px -158px;
}

.lifeserver ul li p {
    top: 49px;
    left: 15px;
}

.bargain {
    margin-top: 6px;
}

/* 推荐模块 */

.recom {
    height: 163px;
    margin-top: 10px;
}

.recom .recom-hd {
    float: left;
    width: 210px;
    height: 165px;
    background: url(../images/recom.png) no-repeat 64px 38px;
    background-color: skyblue
}

.recom .recom-bd {
    float: left;
    border: 1px solid #e4e4e4;
}

.recom-bd ul li {
    position: relative;
    float: left;
    width: 247px;
    height: 163px;
}

.recom-bd ul li:nth-child(-n+3)::after {
    position: absolute;
    top: 10px;
    right: 0;
    content: "";
    width: 1px;
    height: 145px;
    background-color: #ddd;
}

.recom-bd ul:nth-child(n) li {
    background: url(../upload/recom_03.jpg) no-repeat;
}

/* 电梯模块 */

.floor {
    margin-top: 30px;
}

.floor>div{
    margin-top: 30px;
}
.floor-hd {
    height: 30px;
    line-height: 30px;
    border-bottom: 2px solid #b1191a;
}

.floor-hd h3 {
    float: left;
    font-size: 18px;
    color: #c81623;
}

.floor-hd .table-list {
    float: right;
    font-size: 14px;
}

.table-list ul li {
    float: left;
}

.table-list ul li a {
    padding: 0 10px;
}

.floor-bd {
    height: 361px;
   
}

.tab-item-list>div {
    float: left;
    height: 360px;
}

.col-210 {
    width: 210px;
    text-align: center;
    background-color: snow;
}

.col-329 {
    position: relative;
    width: 329px;
}

.col-221 {
    width: 221px;
}

.col-219 {
    width: 219px;
}

.list-tit ul li {
    float: left;
    width: 85px;
    text-align: center;
    border-bottom: 1px solid #e4e4e4;
    margin: 0 10px;
}

.list-tit ul li a {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
}

.col-210 .img1 a{
    float: left;
    display: block;
    width: 210px;
    height: 252px;
    background: url(../upload/floor-1-1.png) no-repeat 0 24px;
}

.col-329 .rotation-mini a{
    float: left;
    width: 100%;
    height: 360px;
    background: url(../upload/floor-1-b01.png) no-repeat ;
    
}

.col-329 .paging {
    position: absolute;
    left:41%;
    bottom: 2%;
}

.paging ul li{
    float: left;
}
.paging ul li a{
    display: block;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    border-radius: 5px 5px 5px 5px;
    background-color: rgba(255, 255, 255, .4);
}

.paging .one{
    background-color: whitesmoke;
}

.col-221 .img2 a, .col-221 .img3 a {
    
    display: block;
    width: 220px;
    height: 180px;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
  
}

.col-221 .img2 a{
    background: url(../upload/floor-1-2.png) no-repeat ;
}
.col-221 .img3 a{
    background: url(../upload/floor-1-3.png) no-repeat ;
}


.col-221 .img4 a{
    display: block;
    width: 220px;
    height: 360px;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    background: url(../upload/floor-1-4.png) no-repeat ;
}

.col-219 .img5 a, .col-219 .img6 a{
    display: block;
    width: 219px;
    height: 180px;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

.col-219 .img5 a{
    background: url(../upload/floor-1-5.png) no-repeat ;
}
.col-219 .img6 a{
    background: url(../upload/floor-1-6.png) no-repeat ;
}


.brand{
    height: 65px;
    padding-top: 14px;

    margin-bottom: 20px;
    background-color: #f5f5f5;
}

.brand li{
    float: left;
    height: 100%;
    width: 120px;
    
   
   
   
}
 
.brand li a{
    display: block;
    height: 37px;
    width: 120px;
    background: url(../upload/brand_03.png) no-repeat center ;
    border-right: 1px dashed #e4e4e4;
}

.brand li:last-child a{
    border-right: none;
}


